// 导入核心模块 path
const path = require('path')

const autoprefixer = require('autoprefixer')
const pxtorem = require('postcss-pxtorem')

module.exports = {
  // css属性如何处理
  css: {
    // 处理的选项
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          // 使用 pxtorem库进行转换
          pxtorem({
            rootValue: 37.5,
            propList: ['*']
          })
        ]
      }
    }
  },
  pluginOptions: {
    // 可以自动导入 less 的第三方包
    'style-resources-loader': {
      preProcessor: 'less', // 导入的预处理器是： less
      // 要导入的文件
      patterns: [path.join(__dirname, '/src/style/var.less')]
    }
  }
}
